<template>
  <div id="app" height=100%  width=100%>
    <el-button @click="visible = true">Button</el-button>
    <el-dialog :visible.sync="visible" title="Hello world">
      <p>Try Element</p>
    </el-dialog>
    <el-select v-model="value" placeholder="请选择">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
     </el-select>
      <Gantt></Gantt>
    </div>
</template>

<script>


import Gantt from './components/Gantt';
export default {
  name: 'App',
  components: {
    
	 Gantt
	 
  },
  data:function(){
    return {
      visible:false,
      value: '',
      options: [
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' },
        { value: 'option3', label: '选项3' }
      ]
    }

  }
}
</script>

<style>

  #app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;

  width:100%;
  height:100%;
  }
</style>
